﻿<%@page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>  
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--CSS-->
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/extjs/resources/ext-theme-gray/ext-theme-gray-all.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/extjs/ext-all.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/extjs/ext-lang-zh_CN.js"></script>
<style type="text/css">
body{ background:#f6f6f6;padding: 30px 0 50px 60px;}
</style>
</head>
<body>
<s:iterator value="fileList" status="fileInfo" id="item">  
   <div  class="sp_list">
  <a href="#" onclick="play(<s:property value="fileId" />)" class="text-primary box"><img class="img-rounded lazy" src="../dcfs_video/image/<s:property value="fileId" />.png" alt="点击播放视频"></a>
  <h13><s:property value="fileName" /></h13>
  </div>
</s:iterator>
  <div style="clear:both"></div>
</body>
<script type="text/javascript">
var ip=window.location.host;
var panel=new Ext.panel.Panel({
	 id:'panel',
     html:''
});
var win=new Ext.Window({
    layout:'fit',
    resizable:false,//是否可以改变大小，默认可以
    width:700, 
    height:400,  
    closeAction:'hide',
    draggable:false,
    plain: false,
    maximizable:true,
	modal:true,
	items:panel
});
	function play(id){
		win.show();
		Ext.getCmp('panel').body.update('<div><object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" height="100%" id="MediaPlayer1" width="100%">'+
			     '<br><param name="AutoStart" value="-1"><param name="ShowStatuBar" value="-1"><param name="Filename" value="http://'+ip+'/file/'+id+'.mp4">'+
			     '</object></div>');
	}
</script>
</html>
